<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <!--引入JQuery、Cookie-->
    <script src="../js/jquery-3.3.1.js"></script>
    <!--引入axios-->
    <script src="../js/axios-0.18.0.js"></script>
    <!--引入base.css-->
    <link rel="stylesheet" href="../css/base.css">
    <!--引入login.css和login.js-->
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/login.js"></script>

</head>
<body>
<div id="app" class="login-box">
    <div class="owl" id="owl">
        <div class="hand"></div>
        <div class="hand hand-r"></div>
        <div class="arms">
            <div class="arm"></div>
            <div class="arm arm-r"></div>
        </div>
    </div>
    <div class="login-form">
        <ul>
            <li>
                <input type="text" placeholder="请输入账号" id="username"  value="">
                <span class="error" id="register-msg">账号注册成功！</span>
            </li>
            <li>
                <input type="password" placeholder="请输入密码" id="password" value="">
                <span class="error" id="password-error">账号或密码错误！</span>

            </li>
            <li id="captcha-box">
                <input type="text" placeholder="请输入验证码" id="in-captcha" value="">
                <span class="error" id="captcha-error">验证码错误！</span>
                <div id="ge-captcha"></div>
            </li>
        </ul>
        <p><input id="remember" name="remember" value="1" type="checkbox" >记住用户名和密码</p>
        <button id="btn">登录</button>
        <p><a href="register.html" style="text-decoration: underline">没有账号?快去注册一个吧</a></p>
    </div>
</div>
</body>

</html>